<template>
  <div class="flex">
    <div class="w-1/4 border-r">
      <div class="p-2"><h5>网站导航</h5></div>

      <div
        class=" flex text-3.5 text-gray-500 flex-wrap justify-start gap-2 px-2 pt-1.5 pb-3.5"
      >
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >待处理订单</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">我的关注</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >降价商品<i class="text-red-500 mx-1">3</i></span
            ></router-link
          >
        </div>
      </div>
    </div>

    <div class="w-1/4 border-r">
      <div class="p-2"><h5>网站导航</h5></div>
      <div
        class=" flex text-3.5 text-gray-500 flex-wrap justify-start gap-2 px-2 py-3.5"
      >
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">我的京豆</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的优惠券</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">我的理财</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">我的白条</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">帮助中心</span></router-link
          >
        </div>
      </div>
    </div>

    <div class="w-1/4 border-r ">
      <div class="p-2"><h5>网站导航</h5></div>
      <div class="flex text-3.5 text-gray-500 flex-wrap justify-start gap-2 px-2 pt-2.5">
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">售后服务</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>

        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">在线客服</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">意见建议</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">电话客服</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">客服邮箱</span></router-link
          >
        </div>
      </div>
    </div>

    <div class="w-1/4">
      <div class="p-2"><h5>网站导航</h5></div>
      <div class="flex text-3.5 text-gray-500 flex-wrap justify-start gap-2 px-2 pt-2.5">
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">售后服务</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">在线客服</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">返修退换货</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500"
              >我的问答</span
            ></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">意见建议</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">电话客服</span></router-link
          >
        </div>
        <div class="item">
          <router-link to="/"
            ><span class="hover:text-red-500">客服邮箱</span></router-link
          >
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts"></script>
